<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:view locale="es_CL">
	<h:head>
		<title>Encuestadores - Administración Catastro</title>
		<meta name="author" content="Pablo Sepúlveda - psep" />
		<link rel="shortcut icon" type="image/x-icon"
			href="resources/theme/img/favicon.ico" />
		<link type="text/css" rel="stylesheet"
			href="resources/theme/bootstrap.css" />
		<link type="text/css" rel="stylesheet"
			href="resources/theme/bootstrap.min.css" />
		<link type="text/css" rel="stylesheet" href="resources/theme/Site.css" />

		<script type="text/javascript" src="resources/theme/js/app.js"></script>
	</h:head>
	<body>
		<h:form>
			<div id="cabecera">
				<h:graphicImage value="resources/theme/img/minvu-logo.jpg" />
				<h1>Encuestadores</h1>
			</div>
			<p:growl id="messages" />

			<p:menubar>
				<p:menuitem value="Inicio" action="#{loginBean.goIndex}"
					icon="ui-icon-home" />
				<p:submenu label="Administración" icon="ui-icon-pencil"
					rendered="#{loginBean.root}">
					<p:menuitem value="Usuarios" action="#{loginBean.goUsuarios}"
						icon="ui-icon-person" />
					<p:menuitem value="Encuestadores"
						action="#{loginBean.goEncuestadores}" icon="ui-icon-person" />
				</p:submenu>
				<p:submenu label="Fichas" icon="ui-icon-copy">
					<p:menuitem value="Ver fichas" action="#{loginBean.goFichas}"
						icon="ui-icon-document" />
				</p:submenu>

				<f:facet name="options">
					<p:commandButton value="Salir" action="#{loginBean.logoutAction}"
						icon="ui-icon-extlink" />
				</f:facet>
			</p:menubar>
		</h:form>

		<p:panel id="noAdmin" header="Usuario no autorizado"
			rendered="#{!loginBean.root}" style="margin-top: 20px;">
		Lo sentimos, usted no está autorizado para visualizar esta página, 
		intente ir al <h:outputLink value="index.xhtml">Inicio</h:outputLink>
		</p:panel>

		<h:form id="frmEncuestador" rendered="#{loginBean.root}">
			<p:messages id="messages" showDetail="true" autoUpdate="true"
				closable="true" />
			<p:panel id="updateEncuestador" header="Modifica Encuestador"
				style="margin-top:20px">
				<div id="formularioEncuestador" style="width: 60%;">
					<p:panelGrid columns="8">
						<h:outputLabel value="RUN" for="run" />
						<p:inputText id="run"
							value="#{encuestadorBean.encuestador.persona.rut}" size="8"
							maxlength="8" disabled="true" />
						<h:outputLabel value="DV" for="dv" />
						<p:inputText id="dv"
							value="#{encuestadorBean.encuestador.persona.digitoverificador}"
							disabled="true" size="1" maxlength="1" />
						<h:outputLabel value="Fecha Término Vigencia" for="fechaTermino" />
						<p:calendar id="fechaTermino" locale="es" pattern="dd-MM-yyyy"
							maxlength="10" size="10"
							value="#{encuestadorBean.encuestador.fechaterminovigencia}"
							required="true" requiredMessage="Debe ingresar una fecha válida" />
						<p:commandButton id="update" value="Guardar"
							update="frmEncuestador:updateEncuestador, :frmListEncuestadores:encuestadores"
							style="margin-top: 10px;"
							action="#{encuestadorBean.updateEncuestador}" />
						<p:commandButton id="cancelar" value="Cancelar"
							update="frmEncuestador:updateEncuestador"
							style="margin-top: 10px;" action="#{encuestadorBean.clearFrm}"
							immediate="true">
							<p:resetInput target="frmEncuestador:updateEncuestador" />
						</p:commandButton>
					</p:panelGrid>
				</div>
			</p:panel>
		</h:form>

		<h:form id="frmListEncuestadores" rendered="#{loginBean.root}">
			<p:contextMenu for="encuestadores">
				<p:menuitem value="Actualizar"
					update=":frmEncuestador:updateEncuestador" icon="ui-icon-search"
					actionListener="#{encuestadorBean.loadForUpdate}" />
			</p:contextMenu>

			<div id="listEncuestadores" style="margin-top: 20px;">
				<p:dataTable id="encuestadores" var="encuestador"
					value="#{encuestadorBean.encuestadores}"
					rowKey="#{encuestador.idencuestador}" selectionMode="single"
					selection="#{encuestadorBean.encuestadorSeleccionado}" rows="10"
					paginator="true" rowsPerPageTemplate="5,10,15"
					emptyMessage="No existen registros"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					currentPageReportTemplate="{currentPage} de {totalPages}">
					<f:facet name="header">
					Lista de Encuestadores
				</f:facet>
					<p:column headerText="RUN">
						<h:outputText value="#{encuestador.persona.rut}" />
					</p:column>
					<p:column headerText="DV">
						<h:outputText value="#{encuestador.persona.digitoverificador}" />
					</p:column>
					<p:column headerText="Nombres">
						<h:outputText value="#{encuestador.persona.nombres}" />
					</p:column>
					<p:column headerText="Apellido Paterno">
						<h:outputText value="#{encuestador.persona.apellidopaterno}" />
					</p:column>
					<p:column headerText="Región">
						<h:outputText value="#{encuestador.direccion.comuna.region.glosa}" />
					</p:column>
					<p:column headerText="Fecha Inicio Vigencia">
						<h:outputText value="#{encuestador.fechainiciovigencia}">
							<f:convertDateTime type="date" pattern="dd-MM-yyyy" />
						</h:outputText>
					</p:column>
					<p:column headerText="Fecha Término Vigencia">
						<h:outputText value="#{encuestador.fechaterminovigencia}">
							<f:convertDateTime type="date" pattern="dd-MM-yyyy" />
						</h:outputText>
					</p:column>
				</p:dataTable>
			</div>
		</h:form>

		<p:separator style="width: 100%;" />
		<footer id="footer"> Versión 1.0 </footer>
	</body>
</f:view>
</html>